<template>
		<view>
			<web-view :src="src"></web-view>
			</view>
<!-- 			<view>
			    <button class="cu-btn bg-olive"  @click="resumeAnimation()">继续动画</button>
			    <button class="cu-btn bg-red"  @click="stopAnimation()">停止动画</button>
			    <button class="cu-btn bg-olive"  @click="startAnimation()">开始动画</button>
			    <button class="cu-btn bg-red"  @click="pauseAnimation()">暂停动画</button>
			</view> -->
		</view>

</template>
<script>
	export default {

		onLoad(option){
			this.src='../../hybrid/html/orderMap.html?data=';
			this.src+=encodeURIComponent(data.data)
		},
		data() {
			return {
				src:'',
		 firstArr:'104.068818,30.60138',//初始化的点
	      　　 agentId:0,
	       　　title: 'map', //地图标题
	       　　latitude: 30.60138,  //纬度
	      　　 longitude: 104.068818,  //经度
		  marker: [{
		     　　id:0,
		     　　latitude: 104.068818,//纬度
		     　　longitude: 30.60138,//经度
		     　　iconPath: '',    //显示的图标        
		     　　rotate:0,   // 旋转度数
		     　　width:20,   //宽
		     　　height:20,   //高
		    　　 title:'你在哪了',//标注点名
		    　　 alpha:0.5,   //透明度
		    　　 label:{//为标记点旁边增加标签   //因背景颜色H5不支持
		    　　 content:'唐山迁安',//文本
		  　　　　color:'red',//文本颜色
		         // 　　fontSize:24,//文字大小
		         //    x:5,//label的坐标，原点是 marker 对应的经纬度
		         //    y:1,//label的坐标，原点是 marker 对应的经纬度 
		         //    borderWidth:12,//边框宽度
		         //    borderColor:'pink',//边框颜色    
		         // 　　borderRadius:20,//边框圆角                        
		         // 　　bgColor:'black',//背景色
		         // 　　padding:5,//文本边缘留白
		         //    textAlign:'right'//文本对齐方式。
		     },
		     callout:{//自定义标记点上方的气泡窗口 点击有效  
		     　　content:'幸福花园店A组',//文本
		     　　color:'#ffffff',//文字颜色
		     　　fontSize:14,//文本大小
		     　　borderRadius:2,//边框圆角
		    　　 bgColor:'#00c16f',//背景颜色
		     　　display:'ALWAYS',//常显
		     },
		     // anchor:{//经纬度在标注图标的锚点，默认底边中点
		     //     x:0,    原点为给出的经纬度
		     //     y:0,
		     // }
		      }],              
	// 　　　　　　scale：5，//最小数，缩放范围最大，可见程度最大
	// 　　　　　　scale：18，//最大数，缩放范围最小，可见程度最小
	     　}
		},
		mounted() {
				  // setTimeout(() => {
					 //  	uni.request({
					 //  		url: 'http://restapi.amap.com/v3/ip?key=1f5cfb770d01a1a0d8289169188de6b3',
					 //  		success: res => {
					 //  			if (res.data.info) {}	
					 //  					// this.firstArr = res.data.rectangle;
					 //  			},
						// })
				  //   }, 1000);
		},
	mounted() {
			},
	methods: {
	}
}
</script>

<style>
	.amap-demo {
		height: 90vh;
		width: 100%;
	}

	.search-box {
		position: absolute;
		top: 75px;
		left: 45px;
	}

	.amap-page-container {
		position: relative;
	}
	    .loadingTip {
	        position: absolute;
	        z-index: 10;
	        top: 0;
	        left: 0;
	        padding: 3px 10px;
	        background: red;
	        color: #fff;
	        font-size: 14px;
	    }
		.car-jd{
			top:10px;
			left: 160px;
			right: 0;
		}
</style>
